Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Most Asked SQL Interview Questions and Answers 2026 | SQL Interview Pr

sql

✅ Subscribe to our Channel to learn more...

  2026/03/14

Machine Learning With Python Full Course 2026 | Python Machine Learnin

python
study

🔥Microsoft AI Engineer Program - 🔥Part...

  2026/03/14

Deep Learning Engineer Salary 2026 | How Much A Deep Learning Engineer

study
deep learning

🔥Generative AI, Machine Learning, And In...

  2026/03/14

LangChain Tutorial For Beginners 2026 | LangChain Crash Course | LangC

🔥Applied Generative AI Specialization - ...

  2026/03/14

🔥CloudOps Engineer Roadmap | How to become CloudOps Engineer in 2026

cloud

Are you ready to dive into the world of ...

  2026/03/14

Genuine Simplilearn Review 2026 by Cybersecurity Professional- Arpan S

RPA
Security

When researching online programs, many p...

  2026/03/14

AWS and Cerebras are teaming up to build the fastest possible AI infer

Amazon

AWS and Cerebras announced a collaborati...

  2026/03/13

How Audi Uses AI to Transform Automotive Manufacturing at Scale | Amaz

Amazon

Discover how Audi AG worked with AWS to ...

  2026/03/13

How Storyblok Powers Modern Digital Experiences on AWS | Amazon Web Se

Amazon

Storyblok delivers modern digital experi...

  2026/03/13

If you develop for Android, you’re ready to build for glasses. 👓

android
android

Jetpack Compose Glimmer is here to help ...

  2026/03/13

Preparation Station: Utilizing TOURCAST | Amazon Web Services

Amazon

In Episode 1 of this 4-part series, @ama...

  2026/03/13

Data Science Full Course - Learn Data Science in 12 Hours | Data Scien

🔥Integrated MS+PGP Program in Data Scien...

  2026/03/13

BMW Group powers 3D car visualization with AWS spatial computing | Ama

Amazon

BMW Group's Design and Virtual Product E...

  2026/03/13

How Snowplow Powers Context-Aware AI with Real-Time Behavioral Data on

Amazon

LLMs alone can't deliver relevant custom...

  2026/03/13

PyCon JP TV #62: PyCon JP 2026の共同座長の座談会

Google

PyCon JP Associationが主催するYouTubeライブです。実験...

  2026/03/13

“We’ll make the deadline somehow!” 🫠

Little do you know that you’re the “some...

  2026/03/13